<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ include file="base.jsp"%>

<!DOCTYPE HTML>
<html lang="en-US">
<head>
	<meta charset="UTF-8">
	<title></title>
	<link rel="stylesheet" href="css/bootstrap.css" />
	<link rel="stylesheet" href="js/bootstrap.min.js" />
	<link href="css/bootstrap-responsive.css" rel="stylesheet">
    <link href="js/google-code-prettify/prettify.css" rel="stylesheet">
	<link rel="shortcut icon" href="img/logo.jpg">
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="img/apple-touch-icon-144-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="img/apple-touch-icon-114-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="img/apple-touch-icon-72-precomposed.png">
    <link rel="apple-touch-icon-precomposed" href="img/apple-touch-icon-57-precomposed.png">
	
	
	<script type="text/javascript" src="js/jquery.js"></script>
    <script type="text/javascript" src="js/google-code-prettify/prettify.js"></script>
    <script type="text/javascript" src="js/bootstrap-transition.js"></script>
    <script type="text/javascript" src="js/bootstrap-alert.js"></script>
    <script type="text/javascript" src="js/bootstrap-modal.js"></script>
    <script type="text/javascript" src="js/bootstrap-dropdown.js"></script>
    <script type="text/javascript" src="js/bootstrap-tab.js"></script>
    <script type="text/javascript" src="js/bootstrap-tooltip.js"></script>
    <script type="text/javascript" src="js/bootstrap-button.js"></script>
	<style type="text/css">
		.navbar{
			background-color:#999999;
		
		}
		body{
			background-color:#F3F1EC;
		
		}
		#header{
			background:#F0F5F8;
			border: 1px solid #DADEE5;
			border-top-left-radius: 5px;
			border-top-right-radius: 5px;
			margin: 0;
			padding: 15px 30px;
		}
		#note{
			padding-bottom: 1em;
			position: relative;
			width: 698px;
			height:700px;
			float: left;
		
			border: 1px solid #DADEE5;
			border-top:none;
			margin:0px;
		
		}
		
		#left{
			padding-top:10px;
		}
		
		.getstart{
			background-color: #FFFAE7;
			border: 1px solid #CCCCCC;
			border-radius: 3px 3px 3px 3px;
			box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
			margin-top: 27px;
			padding: 12px;
			text-align: center;
			margin-left:67px;
			
		
		}
		.blank{
			
			text-align: center;
			width: 100%;
		
			
		}
	</style>
</head>
<body>
	<div id="container"> 
		<%@ include file="top.jsp"%>
		<div id="content">
			<div id="left" class="span3">
				<jsp:include page="lefttop.jsp">
					<jsp:param value="deal" name="tag"/>
				</jsp:include>
				<%@ include file="leftdown.jsp" %>
			
			</div>
			<div class="span9" style="margin-bottom:0px;border-radius: 3px 3px 0 0">
				<div class="well">
					<div class="row">
						<div class="span3">
							<img  src="img/coins-small.png">
							<div>dfgfs</div>
							<div>dasldalkf</div>
							<div>adasdklsakf</div>
						</div>
					</div>
				
				</div>
				
				<div class="well" style="border-radius:0;">
					<form action="savedealnote.action" method="post">						
						<input type="text" name="deal.money"class="span2" value="${deal.money }"/>										
						<input type="hidden" name="deal.id" value="${deal.id }"/>
							<div style="margin-top:10px;">
							<button type="submit">edit this deal </button>or <a href="adddeal.action">cancel</a>
						</div>					
					</form>	
				</div>
			</div>
		</div>	
	</div>
	<script type="text/javascript">
			$(document).ready(function () {  
								
				$(".tip").tooltip();
			});  
	
	
	
	</script>
	
</body>
</html>
